<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.2.css" />
    <link rel="stylesheet" type="text/css" href="css/jchartfx.css" />

</head>
<body class="ui-mobile-viewport ui-overlay-e">
	<div id="ProfilePage" data-url="ProfilePage" data-role="page" data-theme="d">
	
		<div data-role="header" data-theme="d">
			<h1>Profile</h1>
		</div>
		
		<div data-role="content">
			<div class="ui-grid-a" >
				<div class="ui-block-a">
				<p></p>
					<span id="profile-page">
		                <canvas id="pushups_profile_img"/>
					</span>
	            </div>
	            <div class="ui-block-b">
	            	<h2>Points</h2>
	            	<h3 id="points"></h3>
	            </div>
			</div>
			<label id="lblStats"></label>
            <label id="lblProfileUsername"></label>
            <div id="barGaugeContainer" style="height:330px;max-width:330px;margin:0px auto"></div>
		</div>
        
        <div class="data-role-footer" data-role="footer">
            <div class="ui-navbar" data-role="navbar">
                <ul>
                    <li><a onclick="$.mobile.changePage( 'schedule.html', { transition: 'slide', changeHash: false });"
                           data-theme="d" data-icon="arrow-r">Do Pushups!</a></li>
                </ul>
            </div>
        </div>
        
        <script type="text/javascript">
            $(document).on("pageshow","#ProfilePage",function(event, ui){
                profilecontroller.loadProfileContent();
                profilecontroller.loadChart();
            });
        </script>
	</div>
	

	<script type="text/javascript" src="phonegap.js"></script>
	<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
	<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
    <script type="text/javascript" src="js/Helpers/md5.js"></script>
    <script type="text/javascript" src="js/Controllers/profilecontroller.js"></script>
    <script type="text/javascript" src="js/BL/categoryBL.js"></script>
    
  

</body>
</html>
